<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title></title>
  <style type="text/css">
   .box1{
    width: 150px;
    height: 40px;
    border: solid 1px black;
    text-align: center;
   }
   .box1>img{
    height: 25px;
    width: 25px;
    margin-left: 10px;
    margin-top: 9px;
    float: left;
   }
   .p1{
    margin-top: 10px;
   }
   .number{
    position: absolute;
    width: 18px;
    height: 14px;
    background-color: #FF0000;
    color: white;
    text-align: center; quotes: ;
    line-height: 14px;
    left: 40px;
    top: 10px;
    border-radius: 7px;
    font-size: 10px;
   }
  </style>
 </head>
 <body>
  <div class="box1">
   <div class="number">0</div>
   <img src="img/叶子.jpg"/>
   <div class="p1">我的购物车</div>
  </div>
 </body>
</html>
